var myMap;
var start;
var finish;

ymaps.ready(init);

function onClick(e) {
    if (start != null) 
    	myMap.geoObjects.remove(start);

    var coords = e.get('coordPosition');
    
    document.getElementById("latInput1").setAttribute("value", coords[0]);
    document.getElementById("lonInput1").setAttribute("value", coords[1]);

    start = new ymaps.Placemark([coords[0], coords[1]], {
            // Свойства.
            hintContent: 'Сюда'
        }, {
            // Опции.
            // Своё изображение иконки метки.
            iconImageHref: 'http://api.yandex.ru/maps/doc/jsapi/2.x/examples/images/myIcon.gif',
            // Размеры метки.
            iconImageSize: [30, 42],
            // Смещение левого верхнего угла иконки относительно
            // её "ножки" (точки привязки).
            iconImageOffset: [-3, -42]
        }
    );
    myMap.geoObjects.add(start);
}

function onContext(e) {
    if (finish != null) 
    	myMap.geoObjects.remove(finish);

    var coords = e.get('coordPosition');
    
    document.getElementById("latInput2").setAttribute("value", coords[0]);
    document.getElementById("lonInput2").setAttribute("value", coords[1]);

    finish = new ymaps.Placemark([coords[0], coords[1]], {
            // Свойства.
            hintContent: 'Сюда'
        }, {
            // Опции.
            // Своё изображение иконки метки.
            //iconImageHref: 'http://api.yandex.ru/maps/doc/jsapi/2.x/examples/images/myIcon.gif',
            // Размеры метки.
            iconImageSize: [30, 42],
            // Смещение левого верхнего угла иконки относительно
            // её "ножки" (точки привязки).
            iconImageOffset: [-3, -42]
        }
    );
    myMap.geoObjects.add(finish);
}

function initMap() {
	var mapDiv = document.getElementById("map");
	
	mapDiv.style.width = (screen.width - 40)/2 + "px";

    myMap = new ymaps.Map("map", {
        center: [52.089261, 23.698397],
        zoom: 15
    });
    
    myMap.controls
	    // Кнопка изменения масштаба.
	    .add('zoomControl', { left: 5, top: 5 })
	    // Список типов карты
	    .add('typeSelector');
    
    myMap.events.add('click', onClick);
	myMap.events.add('contextmenu', onContext);
    document.getElementById("map").style.cursor = "pointer";
}

function init () {
	initMap();
	// Mouse icon soulde be pointer always
    document.getElementsByClassName("ymaps-glass-pane ymaps-events-pane").
		item(0).addEventListener('mouseup', function(e) {
			this.style.cursor = "pointer";
		}, false);
}